.hidden {
    display:none;
}
a {
    color: #428bca;
    text-decoration: none;
    background: 0 0;
    font-weight: 700;
    font-size: 12px;
}

a:hover {
    text-decoration:underline;
}
.my-btn {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    line-height: 1.42857143;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.my-btn {
    font-family: '微软雅黑', 'Montserrat', sans-serif;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    padding: 10px 12px;
}
.my-btn:hover {
    color: #333;
    text-decoration:none;
}
.modal-body {
    position: relative;
    padding: 20px;
}
.modal-footer {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0;
}
.flat-primary, .flat-primary.btn-bordered:hover {
    background-color: rgb(26, 188, 156);
    color: #ffffff;
}
.flat-primary, .flat-primary:hover, .flat-primary:active {
    border: 2px solid rgb(26, 188, 156);
}
.flat-primary:hover, .flat-primary.btn-bordered {
    background-color: transparent;
    color: rgb(26, 188, 156);
}
img {
    border: none;
}
.outer-wrapper {
    padding: 2px;
    border: #CCCCCC 1px solid;
    overflow: hidden;
    background: #FFFFFF 50% 50%;
    font-size: 14px;
}
/*关于图片样式*/
#sourceimg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 90;
}
.pic-view-wrapper {
    position: relative;
    height: 400px;
    overflow: hidden;
    font-family: "Microsoft YaHei";
    text-align:center;
    background-color: #eee;
    color: #ccc;
    line-height: 400px;
}
.pic-view-height {
    height: 400px;  /* 与上面的高度height一致 */
}

/*滑动*/
.ui-slider {
    padding: 10px 15px 0 5px;
    margin-bottom: 20px;
}
.ui-slider-bar {
    position:relative;
    display:inline-block;
    height:8px;
    width: 50%;
    border: #ccc 1px solid;
    border-radius: 4px;
    margin: 0 10px 0 10px;
}
.ui-slider-handle {
    position:absolute;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
    top: -5px;
    margin-left: -8px;
    background-color: #000;
}
.ui-slider-ratio {
    position: absolute;
    top: 16px;
    left: -10px;
    width: 36px;
    text-align:center;
}

/*关于蒙板样式*/
#picMask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 91;
    width: 100%; 
    border: 0;
    border-collapse:separate;
    border-spacing: 0;
    empty-cells:show;
}
#picMask td {
    font-size: 1px;
    line-height: 1px;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #000000;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
#picMask td#pO {
    border: 1px white solid;
    cursor: move;
    background: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
#picMask .pC {
    position: relative;
    width: 100%;
    height: 100%;
}
/*
#picMask .pO-wrapper {
    background: none;
}
#picMask .pC {
position: relative;
border: 1px white solid;
cursor: move;
background: none;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
*/

#picMask .pI {
    /*以下兼容狗屁IE8系列，不然不用pI*/ 
    width:100%;
    height: 100%; /*以下兼容狗屁IE8系列*/
    background:#FFFFFF;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
/*关于切刀样式*/
.dm {
    position: absolute;
    width: 10px;
    height: 10px;
    font-size: 1px;
    border: blue 1px solid;
    z-index: 999;
    
    background: #000000;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
/*
.dm td {
background: none;
}
*/
/*
#dm_tl {
    border-color: white;
    top: -5px;
    left: -5px;
    cursor: nw-resize;
}
#dm_tm {
    border-color: white;
    top: -5px;
    left: 50%;
    margin-left: -3px;
    cursor: n-resize;
}
#dm_tr {
    border-color: white;
    top: -5px;
    right: -5px;
    cursor: ne-resize;
}
#dm_ml {
border-color: white;
top: 50%;
margin-top: -5px;
left: -5px;
cursor: w-resize;
}
#dm_mr {
border-color: white;
top: 50%;
margin-top: -5px;
right: -5px;
cursor: e-resize;
}
#dm_bl {
border-color: white;
bottom: -5px;
left: -5px;
cursor: sw-resize;
}
#dm_bm {
border-color: white;
bottom: -5px;
left: 50%;
margin-left: -3px;
cursor: s-resize;
}
*/
/*右下角的点*/
#dm_br {
    border-color: white;
    bottom: -5px;
    right: -5px;
    cursor: se-resize;
}
